.container {
  background-color: whitesmoke;
  border-radius: 10px;
  margin: 10px 10px 55px 10px;
  text-align: center;
}
/* 顶部Logo */
.header {
  display: flex;
}

.left img {
  margin-top: 5px;
  width: 60px;
}

.right img {
  margin-top: 5px;
  width: 15px;
}

.right {
  padding-top: 5px;
  margin-left: auto;
}
/* 轮播图 */
.myswipe {
  border-radius: 5px;
}

.myswipe img {
  width: 100%;
}
/* 中间各种选项 */
.iconbar {
  background-color: white;
  margin: 10px 5px 0 5px;
  border-radius: 10px;
  box-shadow: 2px 2px 4px grey;
  height: 26vh;
  /* 显示模式变为弹性容器 */
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  /*允许弹性容器中的子元素换行*/
}

.icon {
  /* 弹性占比 —— 当前场景下不能使用flex！*/
  /* flex: 1; */
  /* 使用width代替flex，才有可能让多个弹性子元素换行 */
  width: 20%;
  /*%指占父元素内容宽度的百分比*/
}

.router {
  color: #2C3E50;
  font-size: 12px;
  font-weight: 1000;
  font-family: "幼圆";
}

.icon img {
  width: 15.185vw;
}

.icon span {
  font-size: 12px;
  font-weight: 1000;
  font-family: "幼圆";
  /* 让文字单独处于一行中，不与图片共处一行 */
  display: block;
}
/* 广告部分 */
.first {
  margin-top: 10px;
  /* width: 350px; */
  border-radius: 8px;
}

.adv {
  display: flex;
  margin-top: 10px;
}

.adv span {
  font-size: large;
  font-family: '方正楷体';
  font-weight: bolder;
  line-height: 80px;
}

.adv img {
  width: 40px;
  vertical-align: middle;
}

.adv_left {
  margin-right: 5px;
  background-color: white;
  border-radius: 10px;
  box-shadow: 2px 2px 4px grey;
  flex: 1;
}

.adv_right {
  background-color: white;
  border-radius: 10px;
  box-shadow: 2px 2px 4px grey;
  flex: 1;
}
/* 热门课程 */
.hot_class {
  text-align: left;
  background-color: white;
  border-radius: 5px;
  box-shadow: 2px 2px 4px grey;
}

.hot_class h3 {
  padding-top: 10px;
}

.kuang {
  padding: 2px 4px;
  background-color: gold;
  border-radius: 3px;
  margin-left: 10px;
  margin-right: 10px;
}

.photo {
  display: flex;
  text-align: center;
  margin-top: 20px;
  margin-left: 10px;
}

.photo img {
  width: 40px;
}

.photo span {
  display: block;
  font-size: 12px;
}
.photo_div {
  margin-right: 10px;
}

.text {
  flex: 1;
  text-align: right;
  margin-right: 15px;
}

.text span {
  font-size: 16px;
  color: red;
  font-weight: bold;
}

.text p {
  color: gray;
  font-size: 13px;
}